<script src="../asynx.js"></script>
<script src="../dom/dom.js"></script>
<script src="../impl/array.js"></script>
<script src="../impl/util.js"></script>
<script src="../dom/xpath.js"></script>
<script src="../dom/selector.js"></script>
<script src="../event/event.js"></script>

<script>
	
	/*asynx.event.wait('rem', function(){
		alert(asynx$('rem'))
	});*/
	
</script>

<body>
	
	<div id="tudo" class='teste'>

		<div id="filho6" fruta="banana">Filho</div>
		
		<div class='teste' id="container">
			
			<div id="filho1"><p>Filho</p><p>Filho</p></div>
			<div id="filho2"><p><a href="#">Filho</a></p></div>
			
			<div id="filho3" fruta="banana"><p><span>Filho</span><span>Filho</span></p></div>
			<div id="filho4" fruta="banana">Filho</div>
			<div id="filho5" fruta="uva">Filho5555555555</div>
			
		</div>
		
	</div>
	
	<input type="radio" rr='45' checked="3" value="teste">	
	
	<ul>
		
		<li>asdasd<b>asdasd1</b></li>
		<li id="sss">asdasd2</li>
		<li>asdasd3</li>
		<li>asdasd4</li>
		<li id="rem">asdasd5</li>
		
	</ul>	
	
</body>

<script>

var listener1 = function(e, args) {
	alert('OKK1 - ' + e + args)
};

var listener2 = function(e, args) {
	alert('OKK2 - ' + e.target.id + args.nome)
};


	function teste(e, args) {
		
		alert(e + args.nome)
	}
	
asynx.event.add('click', "tudo", listener1, [1,2,3]);
asynx.event.add('click', "filho5", listener2, [1,2,3]);

//asynx.event.observe('click', "sss", listener2, { nome:"eduarod" });

//asynx.event.keyListener( document, "keypress", { ctrl:false, shift:false, keys:['a', 'b', 27] }, { execute:teste, args:{nome: "eduardo"} } );


//asynx.event.remove('click', "tudo", listener2);


var j = asynx$('filho5');
var j2 = asynx$('tudo');




	
/*asynx$('tudo').each(function(e,x) {
	e.style.backgroundColor = "#C3D9FF";
})*/





</script>
